<template>
    <div>
        <ul>
            <li v-for="(item, index) in newslist" :key="index">{{ item.title }}</li>
        </ul>


    </div>
</template>

<script>
export default {
    data() {
        return {
            newslist: [
                // {
                //     "title": "巴黎奥运会开幕式",
                //     "createDate": "2024-07-27"
                // },
                // {
                //     "title": "巴黎奥运会开幕式倒计时最后一天",
                //     "createDate": "2024-07-26"
                // },
                // {
                //     "title": "巴黎奥运会开幕式倒计时最后二天",
                //     "createDate": "2024-07-25"
                // }
            ]
        }
    },
    created() {
        this.loadNews();
    },
    methods: {
        loadNews(){
            this.$axios.get("/static/news.json").then(response=>{
                console.log(response);
                this.newslist=response.data;
            });
        }
    },
}
</script>

<style></style>